/<template>
    <div>
        <ul>
            <li 
            v-for="(item,index) in list" 
            :key="index"
            @click="changeNav(index)"
            >{{item.title}}</li>
        </ul>
        <dl v-for="(item,index) in list[0].children" :key="index">
            <dt><img :src="item.img"></dt>
            <dd>{{item.tit}}</dd>
            <dd>
                <span class="iconfont">&#xe60e;{{item.name}}</span>
                <span class="iconfont">&#xe635;{{item.word}}</span>
            </dd>
        </dl>
    </div>
</template>

<script>

export default {
    name:"List",
    props:{
        list:Array,
        activeIndex:Number
    },
    methods:{
        changeNav(index)
        {
            this.bus.$emit("changeActive",index);
        }
    }
}
</script>

<style>
</style>